<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Beebud</title>
  <link rel="stylesheet" href="./css/publish.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="shortcut icon" href="./logo.png" type="image/x-icon">
  <script src="./js/vue.min.js"></script>

</head>

<body>
  <div id="app">
    <header>
      <div class="header-wrapper">
        <div class="logo"><a href="./index.html"><img src="./img/logo.png" alt=""></a>
        </div>
        <!--<div class="search-wrapper">-->
        <!--  <input type="text" placeholder="登录搜索更多内容">-->
        <!--  <?xml version="1.0" encoding="UTF-8"?><svg width="14" height="14" viewBox="0 0 48 48" fill="none"-->
        <!--    xmlns="http://www.w3.org/2000/svg">-->
        <!--    <path-->
        <!--      d="M21 38C30.3888 38 38 30.3888 38 21C38 11.6112 30.3888 4 21 4C11.6112 4 4 11.6112 4 21C4 30.3888 11.6112 38 21 38Z"-->
        <!--      fill="none" stroke="#000" stroke-width="4" stroke-linejoin="round" />-->
        <!--    <path d="M26.657 14.3431C25.2093 12.8954 23.2093 12 21.0001 12C18.791 12 16.791 12.8954 15.3433 14.3431"-->
        <!--      stroke="#000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />-->
        <!--    <path d="M33.2216 33.2217L41.7069 41.707" stroke="#000" stroke-width="4" stroke-linecap="round"-->
        <!--      stroke-linejoin="round" />-->
        <!--  </svg>-->
        <!--</div>-->
        <div class="nav-wrapper">
          <span><a href="./about.html">关于我们</a> </span>
          <span><a href="./concatUs.html">联系我们</a> </span>
          <span><a href="./help.html" class="help-a">服务与帮助</a> </span>
        </div>
        <div class="login-register">
          <span><a href="./register.html">注册</a></span>
          <button><a href="./login.html">登录</a></button>
        </div>
      </div>
    </header>
    <main>
      <div class="publish-form">
        <h1>发布信息</h1>
        <form>
          <div class="form-item">
            <label for="title">主题：</label>
            <input type="text" placeholder="请输入主题"> </input>
          </div>
          <div class="form-item">
            <label for="title">描述信息：</label>
            <textarea cols="20" rows="5" name="description"> </textarea>
          </div>
          <div class="form-item">
            <label for="title">发布内容：</label>
            <select name="provice">
              <option value=""> 请选择 </option>
              <option value="1"> 宠物 </option>
              <option value="2"> 运动 </option>
              <option value="2"> 帮手 </option>
              <option value="2"> 城游 </option>
            </select>
          </div>
          <div class="form-item">
            <label for="title">收费标准：</label>
            <input type="text" placeholder="请输入价格">
          </div>
          <!-- <div class="form-item">
            <label for="title">最佳自提时间：</label>
            <select name="provice">
              <option value=""> 请选择 </option>
              <option value="1"> 周末 </option>
              <option value="2"> 随时可以 </option>
            </select>
          </div> -->
          <div class="form-item">
            <label for="title">服务区域：</label>
            <input type="text" placeholder="请输入详细地址">
            <!-- <select name="provice">
              <option value=""> 请选择 </option>
              <option value="1"> 北京 </option>
              <option value="2"> 上海 </option>
            </select> -->
          </div>
          <!-- <div class="form-item">
            <label for="title">自动上架：</label>
            <input type="checkbox" id="toggle" name="toggle" />
          </div> -->
          <div class="form-item-file">
            <div class="label">图片：</div>
            <div>
              <div class="up-item">
                <?xml version="1.0" encoding="UTF-8"?>
                <svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M44 24C44 22.8954 43.1046 22 42 22C40.8954 22 40 22.8954 40 24H44ZM24 8C25.1046 8 26 7.10457 26 6C26 4.89543 25.1046 4 24 4V8ZM39 40H9V44H39V40ZM8 39V9H4V39H8ZM40 24V39H44V24H40ZM9 8H24V4H9V8ZM9 40C8.44772 40 8 39.5523 8 39H4C4 41.7614 6.23857 44 9 44V40ZM39 44C41.7614 44 44 41.7614 44 39H40C40 39.5523 39.5523 40 39 40V44ZM8 9C8 8.44772 8.44771 8 9 8V4C6.23858 4 4 6.23857 4 9H8Z"
                    fill="#000" />
                  <path d="M6 35L16.6931 25.198C17.4389 24.5143 18.5779 24.4953 19.3461 25.1538L32 36" stroke="#000"
                    stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
                  <path d="M28 31L32.7735 26.2265C33.4772 25.5228 34.5914 25.4436 35.3877 26.0408L42 31" stroke="#000"
                    stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
                  <path d="M37 18L37 6" stroke="#000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
                  <path d="M32 11L37 6L42 11" stroke="#000" stroke-width="4" stroke-linecap="round"
                    stroke-linejoin="round" />
                </svg>
                <div>上传图片</div>
                <input type="file" accept="image/*" id="image-input" placeholder="上传图片" />
              </div>
            </div>
          </div>
          <div class="form-item">
            <button class="confirm-btn"><a href="./login.html">确认发布</a></button>
          </div>
        </form>
      </div>
    </main>
    <footer>
      <div class="footer-wrapper">
        <div>
          <span>上海灼蕾网络科技有限公司</span>
          <span style="margin-left: 20px;"><a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank"
              rel="noopener noreferrer">沪ICP备2024048955号-1</a> </span>
        </div>
        <div>
          <span>地址：上海市奉贤区南桥镇西闸公路1036号3幢2层</span>
        </div>
      </div>
    </footer>
  </div>

</body>

</html>